This demo fetchs the row of the CSV file (not including the labels) but only uses the first value (as the HProgress value)
This goes in the documents header:<script src="RGraph.common.core.js"></script> <script src="RGraph.common.csv.js"></script> <script src="RGraph.hprogress.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="500" height="100"> [No canvas support] </canvas>This is the code that generates the chart:
<script> window.onload = function () { new RGraph.CSV('/sample.csv', function (csv) { // Fetch the the first row, var row = csv.getRow(0, 1); var progress = new RGraph.HProgress({ id: 'cvs', min: 0, max: 10, value: row[0], options: { margin: 10, textAccessible: true } }).draw(); }); }; </script>